<template>
  <div id="login">
		<div class="top">
			<p>进入Dolov空间</p>
			<div class="avter"></div>
		</div>
		<div class="main">
			<div><mu-text-field v-model="userName" inputClass="userName" hintTextClass="helpText" hintText="请输入您的呢称" underlineFocusClass="line" fullWidth/></div>
			<div><mu-text-field v-model="userPwd" inputClass="userPwd" hintTextClass="helpText" hintText="请输入您的密码" underlineFocusClass="line" fullWidth/></div>
		</div>
		<div class="btn">
			<mu-raised-button @click="login" label="登录" secondary fullWidth/>
		</div>
  </div>
</template>

<script>
	import main from './main';
	export default {
		...main
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
	@import '../../style/mixin.scss';
	@import "./style.scss";
</style>
